<template>
	<div class="protocol">
		<h1>交易规则</h1>
		<h3>交易时限：</h3>
		<p>
			交易时间为：9：00-20：00；<br>
			系统自动匹配成功后，会在第一时间之内，给买卖双方发送通知短信；<br>
			系统自动匹配成功后，即开始计算交易时限；<br>
			交易时限为4小时，超出时限后没有完成交易确认的，视为违约；<br>
			系统无交易匹配，买卖双方保证金及货币自动退还至买卖双方账户，时限为4小时。<br>
			因不可抗拒力造成的特殊情况，可以申诉平台客服介入处理；<br>
		</p>
		<h3>买方权利和义务：</h3>
		<p>
			买方要在规定的时间内确认付款，并在用户中心交易列表中点击已上传转账凭证；<br>
			及时将付款凭证发送给卖家；<br>
			不得故意延迟付款或撤销订单；<br>
			交易时建议使用支付宝或手机银行实时到账。<br>
			单笔转账不超过5万；<br>
			五万以下款项禁止ATM机转账，由此产生的交易纠纷公司概不负责。
		</p>
		<h3>卖方权利和义务：</h3>
		<p>
			卖家要在规定时间内确认收款并放行货币；<br>
			及时在用户中心交易列表中点击确认按钮；<br>
			超出时限，扣除违约方保证金，交易时请严格按照要求进行交易，以免违约，被扣违约金。<br>
			<span class="care">温馨提示：<br>

			每笔转账务必保留转款凭证，以免产生不必要的事宜发生； </span>
		</p>


		<!-- <div class="title">
			<h1>{{data.post_title}}</h1>
		</div>
		<div class="con" v-html="data.post_content"></div> -->
	</div>
</template>

<script>
import { rule } from '../../..//config/getData'

export default {
	data(){
		return {
			data:[],
			index:0,
			protocol:['交易规则','收款信息']
		}
	},
	methods:{
		default(){
			var id = parseInt( this.$route.params.id )
			this.index = id - 1

			if(id == 1){

			}else if(id == 2){

			}
		}
	},
	created(){
		// rule().then( res => {
		// 	console.log(res)
		// 	this.data = res.data
		// })
		// this.default();
	}
}
</script>


<style lang="scss" scoped>

.protocol{background-color: white;position: fixed;left:0;top:0;width:100%;height: 100%;overflow-y:auto;z-index:10;
    .title{padding:15px;border-bottom:1px solid #f0f0f0;
        h1{font-size: 22px;}
        p{line-height: 1;font-size: 0;margin-top:20px;color:#383838;}
        span{font-size:16px;}
        .time{display: inline-block;margin-left:5px;padding-left:5px;border-left:1px solid #e6e6e6;}
    }
    > .time{line-height: 43px;color:#929292;text-align: center;border:1px solid #eee;border-left:none;border-right: none;}

    .con{padding:15px;color:#383838;
        img{width:100%;min-height: 60px;background-color: #f5f5f5;display: block;margin:15px 0;}
        h1{font-size:18px;font-weight: normal;}
        p{margin:4px 0 15px;color: #636363;}
    }
}

.protocol{padding:0 15px;width:auto;
	h1{text-align: center;font-size:20px;padding:20px 0 10px;}
	h3{font-size:16px;margin:30px 0 10px;}
	h3:nth-of-type(1){margin-top:0;}
	p{font-size: 14px;}
	p:last-child{padding-bottom: 40px;}
}

</style>
